
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<link rel="shortcut icon" href="http://onfg1fey2.bkt.clouddn.com/%E5%B1%B1%E8%84%89.png" type="image/x-icon" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>JoshNews</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
	<div class="top-bar">
					<div class="left center">
							<a href="javascript:void(0)" >发现</a>
							<a href="javascript:void(0)" >最新</a>
							<a href="javascript:void(0)" >主题</a>
							<a href="javascript:void(0)" >小组</a>

					</div>
					<div class="right center">
						<a href="javascript:void(0)" class="login">登录</a>
						<a href="javascript:void(0)" class="register">注册</a>
					</div>
	</div>
	<div class="wrap">

		<div class="ct-waterfall">
			<ul id="pic-ct" class="clearfix">
				<!--<li class="item">
					<a href="#" class="link">
						<img src="http://s.img.mix.sina.com.cn/auto/resize?img=http%3A%2F%2Fwww.sinaimg.cn%2Fdy%2Fslidenews%2F5_img%2F2016_09%2F453_75615_657883.jpg&size=250_0" alt="">
					</a>
					<h4 class="header">标题</h4>
					<p class="desp">
						当地时间2016年3月1日，在东部与亲俄武装作战中受伤的乌克兰士兵接受海豚治疗。
					</p>
				</li>-->

					<!-- 用于计算 item 宽度和列数，但不展示出来-->
					<li class="item hide"></li>
			</ul>
			<div id="load">LOAD</div>
		</div>
	</div>
</body>

<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="main.js"></script>


</html>
